<template>
	<view class="home-banner">
		<swiper class="banner-view" 
		:indicator-dots="true" 
		:circular="true" 
		:autoplay="true" 
		:interval="3000" 
		:duration="1000"
		indicator-active-color="#ff0000"
		indicator-color="rgba(0,255,255,0.5)">
			<swiper-item class="banner-item" v-for="(item, index) in list" :key="item.acm">
				<view class="swiper-item">
					<image :src="item.image" mode="widthFix"></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>

	let props = defineProps({
		list: Array
	})
</script>

<style lang="scss">
	.banner-view {
		image {
			width: 100%;
		}
	}
</style>